<template>
  <div>
    <van-nav-bar fixed title="订单明细" left-arrow @click-left="$utils.back($route.path)" />
    <div class="has-top pos-r mlr-25">
      <ul>
        <li v-for="(item,index) in detailList" :key="index">
          <div class="bg-white mtb-20 flex-s-c pd-30 br-10">
            <div>
              <p class="lh-xxs mb-20">下单时间：{{ item.AddTime }}</p>
              <p class="lh-xxs">订单编号：{{ item.Sn }}</p>
            </div>
            <span class="color-primary">{{ item.Performance }}</span>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import { GetRankPerformanceChildOrders } from 'api/rankPerformance'
export default {
  data() {
    return {
      detailList: [],
      requestData: {}
    }
  },
  created() {
    this.requestData = this.$route.query
    this.GetRankPerformanceChildOrders()
  },
  methods: {
    GetRankPerformanceChildOrders() {
      GetRankPerformanceChildOrders(this.requestData).then(res => {
        if (res) {
          if (res.Data.length && res.Data.length > 0) {
            this.detailList = res.Data
          }
        }
      })
    }
  }
}
</script>
